.box{
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;/**/
    align-items: center;
    overflow: scroll;
}
.chatUl{
    width: 95%;
    height: fit-content;/*
    margin-bottom: .2415rem;*/
}
.chatUl li{
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: .4831rem 0;
}
.chatUl li:last-child{
    margin-bottom: 1.2077rem;
}
.ai{
    width: 1.2077rem;
    height: 1.2077rem;
    border-radius: 50%;
    background: url(../../../images/chatai/robot.webp) no-repeat;
    background-size: contain;
    background-position: center;
}
.chatUl .left:last-child .ai{
    box-sizing: border-box;
    animation: run1 1.2s infinite linear;
}
@keyframes run1{
    0%{
        transform: scale(1.05);
        box-shadow: 0 0 .0966rem red;
    }
    50%{
        transform: scale(1);
        box-shadow: 0 0 .0966rem rgb(60, 255, 0);
    }
    100%{
        transform: scale(1.05);
        box-shadow: 0 0 .0966rem red;
    }
}
.chatUl .left div:nth-child(2){/**/
    all: unset;
    white-space: pre-wrap;
    display: inline-block;
    font-family: 微软雅黑;/**/
    max-width: 70%;
    height: fit-content;
    font-size: .4348rem;
    background: #000;
    border-radius: .2415rem;
    border-top-left-radius: 0;
    box-sizing: border-box;
    padding: .2415rem .3623rem;
    color: #fff;
    margin-top: .1208rem;
    margin-left: .2415rem;
    word-break: break-all;
}
.chatUl .right{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
li.right .read{
    display: none;
    font-size: .314rem;
}
li.right:last-child{
    position: relative;
}
li.right:last-child .read{
    position: absolute;
    bottom: -0.5556rem;
    right: 0;
    display: inline-block;
    font-size: .314rem;
    color: rgb(68, 68, 68);
    letter-spacing: 0;
}

.chatUl .right div:nth-child(2){/**/
    all: unset;
    white-space: pre-wrap;
    font-family: 微软雅黑;
    background: #2A87FF;
    width: fit-content;/**/
    max-width: 70%;
    height: fit-content;
    font-size: .4348rem;
    border-radius: .2415rem;
    border-top-right-radius: 0;
    box-sizing: border-box;
    padding: .2415rem .3623rem;
    color: #fff;
    word-break: break-all;
}



.nav{
    width: 100%;
    height: 2.1739rem;
    box-shadow: .1208rem -.1208rem .1208rem #5b5b5b29;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    padding-top: .2415rem;
    padding-left: .3623rem;
    padding-right: .3623rem;
}
.nav input{
    display: inline-block;
    flex: 1;
    height: .9662rem;
    font-size: .4106rem;
    outline: none;
    border: none;
    border-radius: .7246rem;
    padding: 0 .2415rem;
    background: #E9F0FB;
}
.nav button{
    
    all: unset;
    width: 1.9324rem;
    height: .9662rem;
    background: url(../../../images/chatai/send.webp) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: .1208rem;
    margin-left: .2415rem;
}